{{ content() }}
<div class="page-content-area">
    <div class="page-header page-header-fixed">
        <h1>
            Create Video
        </h1>
    </div>

    <div class="row">
        <div class="col-sm-4 col-sm-offset-0 col-md-12 col-md-offset-0">
            <div class="col-xs-12" ng-controller='videoController'>
                {% for message in form.getMessages() %}
                    {{ message }}
                {% endfor %}
                <div class="form-content">
                    {{ form(config.application.backendUrl ~ '/video/create' , 'class': 'forms-signup forms-horizontal' , 'enctype' : "multipart/form-data") }}
                    {{ form.renderDecorated('imdb') }}
                    {{ form.renderDecorated('name') }}

                    {{ form.renderDecorated('name_vn') }}

                    {{ form.renderDecorated('description') }}

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0">
                        <div class="col-md-2">
                            <label for="">Danh mục</label>
                        </div>
                        <div class="col-md-8">
                            <a href="{{ url(config.application.backendUrl ~ '/video/ajaxVideoCategory/loadVideoCategory?object_type=video&object_id=' ) }}" class="btn btn-white btn-default btn-bold btn-sm btnAddDirector" data-toggle="modal" data-target="#modalAddCategoryToObject">
                                <i class="ace-icon glyphicon glyphicon-plus"></i>Thêm danh mục
                            </a>
                            <div id="chooseCategoryToVideo" class="list-category">

                            </div>
                            <div class="clearfix">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </div>

                    {{ form.renderDecorated('national_id') }}
                    {{ form.renderDecorated('duration') }}
                    {{ form.renderDecorated('year_product') }}
                    {{ form.renderDecorated('year_publish') }}
                    {{ form.renderDecorated('file') }}
                    {{ form.renderDecorated('file_poster') }}
                    {# form.renderDecorated('status') #}
                    <div class="clearfix"></div>
                    <div class="clearfix"></div>
                    {{ form.renderDecorated('submit') }}
                    {{ endform() }}
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="modalAddCategoryToObject" tabindex="-1" role="dialog" aria-labelledby="modalAddCategoryToObject" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
